<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <meta name="viewport" content="width=320; user-scalable=no" />
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <title>webframe</title>
    <style>
	body {
		font-family:Helvetica;
	}
    </style>
    <script type="text/javascript" charset="utf-8" src="hook.js"></script>
    <script type="text/javascript" charset="utf-8" src="main.js"></script>
  </head>
<body onload="init()">
	<div id="menu">&nbsp;</div>
	<div id="panel">
		<div id="panel_picker" style="position: absolute">
			<a href="javascript:test_picker()">test picker</a>
		</div>
	<div id="panel_tests" style="position: absolute">
	<ul>
	<li><a href="javascript:get_device_uuid()">get device uuid</a></li>
	<!--<li><a href="javascript:debug_log((new Date()).getTime())">write timestamp to log</a></li>-->
	<li><a href="javascript:pick_photo('picture', (function(a) {show_picture(a[0]);}))">choose photo</a></li>
	<li><a href="javascript:pick_music('music', (function(a) {show_playlist(a);}))">choose music</a></li>
	<li>
	<a href="javascript:queue_command(['music', 'play', 'play'])">play</a>
	<a href="javascript:queue_command(['music', 'pause', 'pause'])">pause</a>
	<a href="javascript:queue_command(['music', 'stop', 'stop'])">stop</a>
	<a href="javascript:queue_command(['music', 'prev', 'prev'])">|&lt skip &lt</a>
	<a href="javascript:queue_command(['music', 'next', 'next'])">&gt skip &gt|</a>
	<li>device name:<input id="my_name" value="your name here"></li>
	<li><a href="javascript:start_server()">start server</a></li>
	<li><a href="javascript:start_client()">start client</a></li>
	</li>
</ul>
<hr />
<div id="picture">&nbsp;</div>
<hr />
</div>
</body>
</html>
